(function($) {
    "use strict";
    jQuery(document).ready(function() {
        // // Navigation for Mobile Device
        $(".custom-navbar").on("click", function() {
            $(".main-menu ul").slideToggle(500);
        });
        $(window).on("resize", function() {
            if ($(window).width() > 767) {
                $(".main-menu ul").removeAttr("style");
            }
        });

        // Employee Slider
        $(".employee-slider").owlCarousel({
            loop: true,
            margin: 20,
            autoplay: true,
            autoplayTimeout: 2000,
            autoplayHoverPause: true,
            nav: false,
            dots: true,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1,
                },
                576: {
                    items: 1,
                },
                768: {
                    items: 1,
                },
                992: {
                    items: 2,
                },
            },
        });

        // Nice Select
        $("select").niceSelect();

        // Range Slider
        $("#range").ionRangeSlider({
            hide_min_max: true,
            keyboard: true,
            min: 0,
            max: 5000,
            from: 1000,
            to: 4000,
            type: "double",
            step: 1,
            prefix: "$",
            grid: true,
        });

        // Google Map
        // if ($('#mapBox').length) {
        //     var $lat = $('#mapBox').data('lat');
        //     var $lon = $('#mapBox').data('lon');
        //     var $zoom = $('#mapBox').data('zoom');
        //     var $marker = $('#mapBox').data('marker');
        //     var $info = $('#mapBox').data('info');
        //     var $markerLat = $('#mapBox').data('mlat');
        //     var $markerLon = $('#mapBox').data('mlon');
        //     var map = new GMaps({
        //         el: '#mapBox',
        //         lat: $lat,
        //         lng: $lon,
        //         scrollwheel: false,
        //         scaleControl: true,
        //         streetViewControl: false,
        //         panControl: true,
        //         disableDoubleClickZoom: true,
        //         mapTypeControl: false,
        //         zoom: $zoom,
        //         styles: [{
        //                 "featureType": "water",
        //                 "elementType": "geometry.fill",
        //                 "stylers": [{
        //                     "color": "#dcdfe6"
        //                 }]
        //             },
        //             {
        //                 "featureType": "transit",
        //                 "stylers": [{
        //                         "color": "#808080"
        //                     },
        //                     {
        //                         "visibility": "off"
        //                     }
        //                 ]
        //             },
        //             {
        //                 "featureType": "road.highway",
        //                 "elementType": "geometry.stroke",
        //                 "stylers": [{
        //                         "visibility": "on"
        //                     },
        //                     {
        //                         "color": "#dcdfe6"
        //                     }
        //                 ]
        //             },
        //             {
        //                 "featureType": "road.highway",
        //                 "elementType": "geometry.fill",
        //                 "stylers": [{
        //                     "color": "#ffffff"
        //                 }]
        //             },
        //             {
        //                 "featureType": "road.local",
        //                 "elementType": "geometry.fill",
        //                 "stylers": [{
        //                         "visibility": "on"
        //                     },
        //                     {
        //                         "color": "#ffffff"
        //                     },
        //                     {
        //                         "weight": 1.8
        //                     }
        //                 ]
        //             },
        //             {
        //                 "featureType": "road.local",
        //                 "elementType": "geometry.stroke",
        //                 "stylers": [{
        //                     "color": "#d7d7d7"
        //                 }]
        //             },
        //             {
        //                 "featureType": "poi",
        //                 "elementType": "geometry.fill",
        //                 "stylers": [{
        //                         "visibility": "on"
        //                     },
        //                     {
        //                         "color": "#ebebeb"
        //                     }
        //                 ]
        //             },
        //             {
        //                 "featureType": "administrative",
        //                 "elementType": "geometry",
        //                 "stylers": [{
        //                     "color": "#a7a7a7"
        //                 }]
        //             },
        //             {
        //                 "featureType": "road.arterial",
        //                 "elementType": "geometry.fill",
        //                 "stylers": [{
        //                     "color": "#ffffff"
        //                 }]
        //             },
        //             {
        //                 "featureType": "road.arterial",
        //                 "elementType": "geometry.fill",
        //                 "stylers": [{
        //                     "color": "#ffffff"
        //                 }]
        //             },
        //             {
        //                 "featureType": "landscape",
        //                 "elementType": "geometry.fill",
        //                 "stylers": [{
        //                         "visibility": "on"
        //                     },
        //                     {
        //                         "color": "#efefef"
        //                     }
        //                 ]
        //             },
        //             {
        //                 "featureType": "road",
        //                 "elementType": "labels.text.fill",
        //                 "stylers": [{
        //                     "color": "#696969"
        //                 }]
        //             },
        //             {
        //                 "featureType": "administrative",
        //                 "elementType": "labels.text.fill",
        //                 "stylers": [{
        //                         "visibility": "on"
        //                     },
        //                     {
        //                         "color": "#737373"
        //                     }
        //                 ]
        //             },
        //             {
        //                 "featureType": "poi",
        //                 "elementType": "labels.icon",
        //                 "stylers": [{
        //                     "visibility": "off"
        //                 }]
        //             },
        //             {
        //                 "featureType": "poi",
        //                 "elementType": "labels",
        //                 "stylers": [{
        //                     "visibility": "off"
        //                 }]
        //             },
        //             {
        //                 "featureType": "road.arterial",
        //                 "elementType": "geometry.stroke",
        //                 "stylers": [{
        //                     "color": "#d6d6d6"
        //                 }]
        //             },
        //             {
        //                 "featureType": "road",
        //                 "elementType": "labels.icon",
        //                 "stylers": [{
        //                     "visibility": "off"
        //                 }]
        //             },
        //             {},
        //             {
        //                 "featureType": "poi",
        //                 "elementType": "geometry.fill",
        //                 "stylers": [{
        //                     "color": "#dadada"
        //                 }]
        //             }
        //         ]
        //     });
        // }

        //    baidumap


        function initMap() {
            createMap(); //创建地图
            setMapEvent(); //设置地图事件
            addMapControl(); //向地图添加控件
            addMarker(); //向地图中添加marker
            console.log("baidumap");
        }

        function createMap() {
            var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图
            var point = new BMap.Point(114.01169, 22.600487); //定义一个中心点坐标
            map.centerAndZoom(point, 18); //设定地图的中心点和坐标并将地图显示在地图容器中
            window.map = map; //将map变量存储在全局
        }

        function setMapEvent() {
            map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
            map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
            map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
            map.enableKeyboard(); //启用键盘上下左右键移动地图
        }

        function addMapControl() {
            var ctrl_nav = new BMap.NavigationControl({
                anchor: BMAP_ANCHOR_TOP_LEFT,
                type: BMAP_NAVIGATION_CONTROL_LARGE,
            });
            map.addControl(ctrl_nav);
            var ctrl_ove = new BMap.OverviewMapControl({
                anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
                isOpen: 1,
            });
            map.addControl(ctrl_ove);
            var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
            map.addControl(ctrl_sca);
        }

        var markerArr = [{
            title: "我的标记",
            content: "我的备注",
            point: "114.011982|22.602122",
            isOpen: 0,
            icon: { w: 21, h: 21, l: 0, t: 0, x: 6, lb: 5 },
        }, ];

        function addMarker() {
            for (var i = 0; i < markerArr.length; i++) {
                var json = markerArr[i];
                var p0 = json.point.split("|")[0];
                var p1 = json.point.split("|")[1];
                var point = new BMap.Point(p0, p1);
                var iconImg = createIcon(json.icon);
                var marker = new BMap.Marker(point, { icon: iconImg });
                var iw = createInfoWindow(i);
                var label = new BMap.Label(json.title, {
                    offset: new BMap.Size(json.icon.lb - json.icon.x + 10, -20),
                });
                marker.setLabel(label);
                map.addOverlay(marker);
                label.setStyle({
                    borderColor: "#808080",
                    color: "#333",
                    cursor: "pointer",
                });

                (function() {
                    var index = i;
                    var _iw = createInfoWindow(i);
                    var _marker = marker;
                    _marker.addEventListener("click", function() {
                        this.openInfoWindow(_iw);
                    });
                    _iw.addEventListener("open", function() {
                        _marker.getLabel().hide();
                    });
                    _iw.addEventListener("close", function() {
                        _marker.getLabel().show();
                    });
                    label.addEventListener("click", function() {
                        _marker.openInfoWindow(_iw);
                    });
                    if (!!json.isOpen) {
                        label.hide();
                        _marker.openInfoWindow(_iw);
                    }
                })();
            }
        }

        function createInfoWindow(i) {
            var json = markerArr[i];
            var iw = new BMap.InfoWindow(
                "<b class='iw_poi_title' title='" +
                json.title +
                "'>" +
                json.title +
                "</b><div class='iw_poi_content'>" +
                json.content +
                "</div>"
            );
            return iw;
        }

        function createIcon(json) {
            var icon = new BMap.Icon(
                "http://app.baidu.com/map/images/us_mk_icon.png",
                new BMap.Size(json.w, json.h), {
                    imageOffset: new BMap.Size(-json.l, -json.t),
                    infoWindowOffset: new BMap.Size(json.lb + 5, 1),
                    offset: new BMap.Size(json.x, json.h),
                }
            );
            return icon;
        }

        initMap();
        //创建和初始化地图
    });

    jQuery(window).on("load", function() {
        // WOW JS
        new WOW().init();
        // Preloader
        $(".preloader").fadeOut(500);
    });
})(jQuery);